{% extends 'TopxiaWebBundle:Settings:layout.html.twig' %}
{% block title %}{{'支付密码'|trans}} - {{'安全设置'|trans}} - {{ parent() }}{% endblock %}
{% set script_controller = 'settings/find_pay_password_by_sms' %}
{% set side_nav = 'security' %}
{% set questionOptions = dict('secureQuestion') %}

{% block main %}
 {% embed "TopxiaWebBundle:Bootstrap:panel.html.twig" with {class:'panel-col'} %}
    {% block heading %}
      {{'安全设置'|trans}}
    {% endblock %}
    {% block body %}

      <ul class="breadcrumb">
        <li><a href="{{ path('settings_security') }}">{{'安全设置'|trans}}</a></li>
        <li class="active">{{'找回支付密码'|trans}}</li>
      </ul>

      {% set type = 'sms' %}
      {% include 'TopxiaWebBundle:Settings:questions-or-sms-tabs.html.twig' %}
      {# <br> #}


    {{ web_macro.flash_messages() }}

    <form id="settings-find-pay-password-form" class="form-horizontal" method="post" >

        <div class="form-group row" style="display: none;">
	        <div  class="col-md-2 control-label"><label for="mobile">{{'手机号码'|trans}}</label></div>
	        <div class=" col-md-8 controls">
	        	<input type="text" id="mobile" name="mobile" class="form-control" data-role="mobile" value="{{verifiedMobile}}">
	        </div>
        </div>

        <div class="form-group row">
          <div  class="col-md-2 control-label"> <label>{{'已绑定手机号'|trans}}</label></div>
          <div class="col-md-5 controls">
            <div class="col-md-5 control-text">
              {{blur_phone_number(verifiedMobile)}}
            </div>
            <a class="btn-link col-md-5 control-text" href="{{path('settings_bind_mobile')}}" target="_blank">{{'修改手机号？'|trans}}</a>
          </div>
        </div>

        <div class="form-group row">
          <div  class="col-md-2 control-label"><label for="sms_code">{{'短信验证码'|trans}}</label></div>
          <div class="col-md-3  controls">
            <input type="text" id="sms-code" name="sms_code" class="form-control" value="" data-url="{{path('edu_cloud_sms_check',{type:'sms_forget_pay_password'})}}">
          </div>
          <div class="col-md-3">
            <a href="#modal" data-toggle="modal" class="btn btn-default btn-sm js-sms-send {% if not verifiedMobile %}disabled{% endif %}" data-url="{{ path('register_captcha_modal') }}" data-sms-url="{{ path('edu_cloud_sms_send') }}">
              <span id="js-time-left"></span>
              <span id="js-fetch-btn-text">{{'获取短信验证码'|trans}}</span>
            </a>
          </div>
        </div>

    	  <div class="form-group row">
        	<div class="col-md-4 col-md-offset-2  controls">
            	<button id="submit-btn" data-submiting-text="{{'正在提交'|trans}}" type="submit" class="btn btn-primary">{{'提交'|trans}}</button>
        	</div>
        </div>

        <input type="hidden" name="_csrf_token" value="{{ csrf_token('site') }}">
    </form>

{#       <div class="alert alert-info">
          <p>您已经绑定了手机&nbsp;{{blur_phone_number(verifiedMobile)}}</p>
      </div> #}

    {% endblock %}
  {% endembed %}
{% endblock %}